<template>
  <div style="margin: 20px;">
    <el-row :gutter="20">
      <el-col :span="16">
        <el-card>
          <el-table :data="tableData">
            <el-table-column prop="id" label="工号" width="100">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="80">
            </el-table-column>
            <el-table-column prop="data" label="入职时间">
            </el-table-column>
            <el-table-column prop="company" label="所属企业">
            </el-table-column>
            <!-- <el-table-column label="可选操作">
              <template slot-scope="scope">
                <el-button v-if="scope.row.role == '信息管理员'" type="primary" @click="modify(scope.row)"
                  style="margin-left: 10px">状态更改</el-button>
              </template>
            </el-table-column> -->
          </el-table>
        </el-card>
      </el-col>

      <el-col :span="8">
        <el-card>
          <div>
            <span style="font-size: 20px; ">工人添加信息表</span><br>
            <div class="sp">
              <span>工人姓名:
                <el-input style="width: 100%" v-model="worker.name" placeholder="新员工名称"></el-input>
              </span><br><br>
            </div>
            <div class="sp">
              <span>工人性别:
                <el-input style="width: 100%" v-model="worker.sex" placeholder="男（女）"></el-input>
              </span><br><br>
            </div>
            <div class="sp">
              <span>联系方式:
                <el-input style="width: 100%" v-model="worker.iphone" placeholder="电话号码"></el-input>
              </span><br><br>
            </div>
            <div class="sp">
              <span>工人类型:
                <el-input style="width: 100%" v-model="worker.role" placeholder="木工/建筑电工/瓦工/架子工..."></el-input>
              </span><br><br>
            </div>
            <div class="sp">
              <span>工人工号:
                <el-input style="width: 100%" v-model="worker.id" placeholder="工号长度及账号密码"></el-input>
              </span><br><br>
            </div>
            <div class="sp">
              <span>所属企业:
                <el-input style="width: 100%" v-model="worker.company" placeholder="**省**市**区**企业"></el-input>
              </span><br><br>
            </div>
            <div class="sp">
              <span>账号密码:
                <el-input style="width: 100%" v-model="worker.password" placeholder="默认与工会相同"></el-input>
              </span><br><br>
            </div>
            <div class="sp">
              <span>入职时间:
                <el-input style="width: 100%" v-model="worker.data" placeholder="输入格式YY-MM-DD"></el-input>
              </span><br><br>
            </div>
          </div>

          <div style="text-align: center;">
            <el-button type="info" round @click="click()">提交</el-button>
          </div>
        </el-card>
      </el-col>
    </el-row>



  </div>

</template>

<script>
import Monitoringbar from "@/components/Monitoringbar.vue";
import Managementbar1 from "@/components/Managementbar1.vue";
export default {
  name: "role1Mantwo",
  components: { Managementbar1, Monitoringbar },
  methods() {

  },
  data() {
    return {
      worker: [{
        id: '',
        name: '',
        role: '',
        sex: '',
        iphone: '',
        useful: '',
        company: '',
        password: '',
        data: '',
      }],

    }
  }
}
</script>

<style scoped></style>